Beach Resort Theme – Mobile Menu links

Home Forums All Other Themes Beach Resort Theme – Mobile Menu links

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #79068
    Huey
    Member
    • Topics: 9
    • Replies: 26
    • Total: 35
    Member since: April 20, 2017

    Hello,

    I’m having trouble with my mobile menu links. It looks fine when you are on the home menu, but when I’m on a parent page, the mobile menu child page links don’t stay white.

    Main website: http://tojungpension.com/

    Example of what I’m talking about: http://tojungpension.com/?page_id=1779

    Another problem: The size of some of the mobile menu sections are bigger than the others.

    #79149
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25343
    • Total: 25343
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance>>Customize>>Basic>>Scroll down to find Custom CSS and paste there:

    .sidr-class-menu_arrow { display:none !important;}

    Regards,
    Brad

    #79729
    Huey
    Member
    • Topics: 9
    • Replies: 26
    • Total: 35
    Member since: April 20, 2017

    Thank you Brad!

    I added a few CSS to get things looking right. But now the active page (the page I’m on currently), the font appears white in the menu instead of black.

    Here is the css I added:

    .sidr-class-menu_arrow { display:none !important;}
    .sidr-class-menu a:active { color:#000000 !important;}
    .sidr-class-menu a { color:#ffffff !important;}
    .sidr-class-menu a:hover { color:#000000 !important;}

    What should I change to get the current page font to be black in the menu?

    Thanks!

    #79781
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25343
    • Total: 25343
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance>>Customize>>Basic>>Scroll down to find Custom CSS and paste there:

    .sidr-class-current-menu-item a { color:#000 !important;}

    Regards,
    Brad

    #79931
    Huey
    Member
    • Topics: 9
    • Replies: 26
    • Total: 35
    Member since: April 20, 2017

    Thank you Brad.

    I added the code but now all the child link fonts in the menu are black as well.

    This is what I have currently in the CSS.

    .sidr-class-menu_arrow { display:none !important;}
    .sidr-class-menu a { color:#ffffff !important;}
    .sidr-class-menu a:hover { color:#000000 !important;}
    .sidr-class-current-menu-item a { color:#000000 !important;}

    #79962
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25343
    • Total: 25343
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance>>Customize>>Basic>>Scroll down to find Custom CSS and paste there:

    .sidr ul li ul li a { color:#fff !important;}

    Regards,
    Brad

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