Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 27, 2018 at 10:18 am #933538
    ivanszbg

    Hello,

    I am creating a new website and on desktop view all works well, but on mobile view on pages where I am using widget with additional menu there is too much space left. Please let me know how to fix. Please view the 2 links on mobile to see the difference. I want the content on both pages to have same padding.

    • This topic was modified 7 years, 4 months ago by ivanszbg.
    March 27, 2018 at 10:38 am #933550
    Vinay

    Hey ivanszbg,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 767px) {

#top.page-id-26 .container .av-content-small.units {
    width: 90%;
    }

    }

    Best regards,
    Vinay

    March 27, 2018 at 11:22 am #933579
    ivanszbg

    Hey Vinay,

    It works, thank you very much.
    One more question: The menu item is moving to left next to the border of the widget when the page is selected. I would like to keep it on the same position (same padding as other menu items)

    March 27, 2018 at 1:07 pm #933642
    Vinay

    Hi,

    Happy it’s working for you :)

    To fix the padding issue please use the below CSS

    .widget_nav_menu ul:first-child>.current-menu-item>a, 
.widget_nav_menu ul:first-child>.current_page_item>a {
     padding-left: 15px; 
}

.sidebar .widget_nav_menu ul:first-child > .current-menu-item, 
.sidebar .widget_nav_menu ul:first-child > .current_page_item {
	margin-bottom: 1px;	
}

    Best regards,
    Vinay

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