Active Images hide page names

  • Resolved nlrp12

    (@nlrp12)


    7 years, 6 months ago

    Hi,

    When I moved the position of the trigger icon from right to left (which seemed more user friendly to me) the icons are covering the beginning of the text.

    The site is a small charity for an ultra-rare disease: https://nlrp12.com which I am trying to put together.

    To reposition the text to centered, or right just doesn’t look right.

    When the text is justified, it looks the same as when the text is left justified.

    Is there a setting to move the text a bit to the right so that the icons don’t cover the text or is this only available on the pro version?

    This only happens on a small screen (mobile phone).

    Thanks in advance for any assistance you are able to offer.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Peter Featherstone

    (@peterfeatherstone-1)

    Hey there,

    You could overwrite the padding to make it a larger number such as the below custom CSS:

    body #responsive-menu-container li.responsive-menu-item a {
   padding: 0 50px;
}

    Hope that helps

    Peter

    Thread Starter nlrp12

    (@nlrp12)

    Thank you very, very much for getting back to me.

    That worked great for the majority of the menu. However, where there is a couple of child menu levels i.e.
    FCAS2
    –Drugs Used
    — — Colchicine
    — — Prednisone

    In that instance, The ‘Drugs Used’ triangle doesn’t seem to work.

    Peter Featherstone

    (@peterfeatherstone-1)

    Hi there,

    You can add the same to the #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-1 a.responsive-menu-item-link element too in that case, such as below:

    #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-1 a.responsive-menu-item-link {
   padding: 0 50px;
}

    There are a few ways you can achieve this, you will just need to play with the CSS until you get it right for you.

    In the next release scheduled for Friday I am going to be making this customisable from the admin so that may solve your problems a little easier.

    Peter
    All the best

    Peter

    Thread Starter nlrp12

    (@nlrp12)

    Thank you very much, Peter. That worked a treat. It saved me having to put CSS on my to-do list to learn. Your response has been amazing.

    Peter Featherstone

    (@peterfeatherstone-1)

    Hey there,

    You are more than welcome ?? As I said the new release should be out on Friday which should mean you don’t need any Custom CSS moving forward for this.

    All the best

    Peter

    Thread Starter nlrp12

    (@nlrp12)

    I’ve thought it might be handy to put social media icons in it as well. This would probably be in the paid version.

    Peter Featherstone

    (@peterfeatherstone-1)

    Hey there,

    Put the social media icons where?

    You can use the Additional HTML section for adding custom things like social media icons but these show up above or below the menu, not on the individual items.

    Please let me know

    Peter

    Thread Starter nlrp12

    (@nlrp12)

    Thanks again for getting back to me. I see what you mean. I really meant above the menu. I have tried it out on NLRP12.com with two icons. I kind of like how it looks.

    Peter Featherstone

    (@peterfeatherstone-1)

    Hey there,

    Not a problem. Please let me know if you need anything else ??

    Peter

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Active Images hide page names’ is closed to new replies.