Navigation
Archive / Top Bar Content Over Social Media
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 10, 2017 at 12:35 pm #1402166
    allcal
    Participant

    I was wondering how to keep my content in the topbar (text and a search bar) to stop from overlapping the social media icons on smaller devices? I think i have it set up well from desktop and mobile phone, but in between sizes like ipad will over lap the content.

    https://beachcandyswimwear.com

    March 10, 2017 at 8:27 pm #1402659
    Friech
    Moderator

    Hi There,

    Thank you for writing in! You can add this under Custom > CSS in the Customizer.

    @media (min-width: 768px) and (max-width: 1200px) {
	header .x-topbar {height: auto;}
	header .x-topbar .x-social-global,
	header .x-topbar .p-info {
		margin-top: 10px !important;
		float: none;
		text-align: center;
	}
	header .aws-container .aws-search-form {float: none;}
}

    Hope it helps, Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1402166 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>