Home Forums Arnold WordPress Theme Irregular List cutting headlines

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #19007
    jankojul
    Participant
    Purchased

    Hello again!

    I build my page up now with the irregular theme – but in some cases the title of the project is cutted. Can you help me to see the hole title of the project?

    Best regards, Julian

    #19008
    jankojul
    Participant
    Purchased
    This reply has been marked as private.
    #19009
    SeaTheme
    Keymaster
    Purchased

    Hi,

    Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:

    .cusl-text-top-right .cusl-style-tit-wrap, .cusl-text-bottom-right .cusl-style-tit-wrap {
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translateX(50%);
    }

    Regards!
    SeaTheme – uiueux.comTwitterFacebook

    #19011
    jankojul
    Participant
    Purchased

    Oh thanks that works great!

    There is an other issue on the page, the first “J” in the Text Logo is cutted in front – how can I fix this?

    Thank you!

    #19012
    jankojul
    Participant
    Purchased

    And I have a few other questions:

    – Is it possible to get the hamburger Menu a little bit bigger?

    – I deleted the Words “Menu” and “Close” because it would be crossing with my header title on mobile – is it possible to get the words “Menu” and “Close” on PC, but don’t shown on mobile?

    – Is it possible to get another hover effect for the irregular list instead of moving (I turned it off)

    Thank for your help!

    #19021
    SeaTheme
    Keymaster
    Purchased

    Welcome!

    There is an other issue on the page, the first “J” in the Text Logo is cutted in front – how can I fix this?

    Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:

    .logo-h1 { 
        text-indent: 7px;
    }

    – Is it possible to get the hamburger Menu a little bit bigger?

    #navi-trigger {
        width: 16px;
        transform: scale(1.3);
        transform-origin: 100%;
    }

    – I deleted the Words “Menu” and “Close” because it would be crossing with my header title on mobile – is it possible to get the words “Menu” and “Close” on PC, but don’t shown on mobile?

    Please make the text to show, add Custom CSS to hide on mobile only:

    @media(max-width:767px){
     .navi-trigger-text {
        display: none;
     }
    }

    – Is it possible to get another hover effect for the irregular list instead of moving (I turned it off)

    The hover effect codes is in custom.theme.js, from line 1597:

    themeData.fnIrregularHover = function(el){
    ...

    Regards!
    SeaTheme – uiueux.comTwitterFacebook

    #19025
    jankojul
    Participant
    Purchased

    You’re really great! Thanks for this fast help!

    Everything works fine. Only at the last point “The hover effect codes is in custom.theme.js, from line 1597:” I don’t understand what to do. Can you explain it to me plz?

    Best regards, Julian

    #19028
    SeaTheme
    Keymaster
    Purchased

    Welcome.

    “The hover effect codes is in custom.theme.js, from line 1597:”

    It is for the hover effect. You could custom it if you know how to use js/css.

    Regards!

    #19054
    jankojul
    Participant
    Purchased

    Ah thanks, now I understand. I have two more questions, sorry:

    1. How can I have the Website Text-title smaller on mobile? In my case the Title goes into the Hamburger Item.

    2. How can I have the Titles on irregular list much bigger? I can’t find it in the font settings.

    Thanks a lot!

    #19056
    SeaTheme
    Keymaster
    Purchased

    Welcome!

    1. Do you talk about the post title?
    It is possible by custom CSS(“Appearance > Customize: Additional CSS”), like:

    @media (max-width: 767px) {
     body.single.responsive-ux .title-wrap-tit { font-size: 26px; }
    }

    The default is 36

    2. It is possible by custom CSS(“Appearance > Customize: Additional CSS”), like:

    /*for desktop*/
    .cusl-tit { font-size: 36px; } 
    @media (max-width: 767px) {
    /*for mobile*/
     .cusl-tit { font-size: 26px; } 
    }
    #19057
    jankojul
    Participant
    Purchased

    Hello! Tanks again

    1. Do you talk about the post title?
    It is possible by custom CSS(“Appearance > Customize: Additional CSS”), like:

    – No I talk about the “Plain Text Logo (for header)” on mobile

    #19058
    jankojul
    Participant
    Purchased

    2. It is possible by custom CSS(“Appearance > Customize: Additional CSS”), like:

    I did this, it’s great – but now on irregular list the font ist cutted at the begins and ends again. I was able to fix it with

    .cusl-text-top-right .cusl-style-tit-wrap, .cusl-text-bottom-right .cusl-style-tit-wrap {
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(35%);
    }

    for the ends, but Som titles are cutted at the start – Thank you!

    #19059
    jankojul
    Participant
    Purchased
    This reply has been marked as private.
    #19060
    jankojul
    Participant
    Purchased

    I fixed it with a smaller font-size for devices smaller 1300px for the moment. is there another way with the normal font-size maybe?

    Thank you so much!

    #19070
    SeaTheme
    Keymaster
    Purchased

    Welcome!

    1. For the text logo, please use the custom CSS:

    @media (max-width: 767px) {
    .responsive-ux #header #logo .logo-h1 { font-size: 14px; }
    }

    2. You could set bigger font size for devices bidgger 1300px

    @media (min-width: 1300px) {
     .cusl-tit { font-size: 26px; } 
    }

    You could also increase the list width:

    .cusl-style-list {
        width: 90%;
    }

    The default is 80%

    Regards!

Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!