Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #911435

    HI there,

    My social profiles are in the header on the same line as the menu (to the right). No matter 3 or 4 social profiles, the last one always extends past the edge of the boxed layout page when screen is smaller (between desktop and mobile versions).

    Image here: https://imgur.com/a/0FAM6

    Is there a way to keep the profiles contained to the edge of the boxed layout page?

    Thank you,
    Deanna

    #911550

    Hey Deanna,

    You have this in your child theme CSS file:

    @media only screen and (max-width: 1600px) and (min-width: 787px) {
    .main_menu {
        margin-right: -50px;
    }
    }

    Please remove it.

    Best regards,
    Rikard

    #911554

    Hi Rikard,

    Thanks for quick response. Unfortunately removing it made it worse: https://imgur.com/a/KpFeP

    I’ve just put it back in now.

    Deanna

    #911582

    Hi,

    It looks fine when I check it in my browser, you can change it to this instead if you like:

    @media only screen and (max-width: 1600px) and (min-width: 787px) {
    .main_menu {
        margin-right: 0;
    }
    }

    Best regards,
    Rikard

    #911788

    Hi Rikard,

    I tried that too, cleared cache but it does not work. The issue is when the browser is between desktop and tablet sizes.

    I will leave that so you can see.

    Deanna

    #911802

    Hi,

    Please add the following to quick css:

    .avia-menu.av_menu_icon_beside{
    padding-right:125px!important;
    }
    
    .noLightbox.social_bookmarks.icon_count_3{
    margin-left:-150px!important;
    }

    Best regards,
    Jordan Shannon

    #911988

    This worked, you rock, thanks!

    #911992

    Hi,

    No problem at all at I’m glad I was able to help. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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