Hi,
I’m trying to move the Navicon to the very top of the page as well as show the top bar to reveal social icons within the page when it is in mobile mode.
I am currently using Header style 9, which places the navicon underneath my logo image.
I’d like to achieve something exactly like this
How would one configure their page like this?
Thanks so much
Hi,
If you up[date to newspaper 7, you will see that the style is totally different: http://demo.tagdiv.com/newspaper/#
We made significant improvements to the mobile menu so the social icons are now inside the menu itself as well as the login widget.
Thanks.
Thank you Bogdan,
I’ve made the theme update overall (thanks to you and your team)
However, I don’t want to change the overall layout to the mobile theme.
I wish to move the navicon and search/social icons to the very top above the main header image. Instead of it formatting to below when in mobile.
see example below
Thanks so much
Hi,
This is what I’m trying to say: there are no more social icons on mobile. They are all inside the menu. Maybe you had the old modification that foprces the socialicons to display on to pof the menu from newspaper 6. The css code we provided here for most people that requested mobile social icons. Please provide a link to your site so I can inspect it and see if this can be done through css.
Thank you!
Thanks Bogdan, understood,
See link:
https://lizzynopants.com/
Thank you
Hi,
Please try this code and it should bring the icons back on mobile:
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
float: right!important;
}
Thank you!
Thanks, I’ve used a variation of the code you’ve provided to bring back social,
But is there also a way to move the location of the navigation icon to the absolute top left corner ABOVE the logo image, see the images attached previous for example.
Thanks.
Hello huynh101,
Unfortunately, our theme does not have such a simple option to change the place for search icon for mobile, sorry! Please notice that this is not a simple task and you will have to alter the code in order to achieve as you wish. As a hint, you will have to check these files -> http://screencast.com/t/inYXQZiw0 -> http://screencast.com/t/ZZpiSbbyjJq Please notice that involves custom work and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!
Thanks for your understanding!
