Dear tagdiv-team, I want to modify the mobile header in such a way that the black box which includes the menu and the search console as well as the text-logo becomes a little bit bigger. How can I do this? Is it also possibile to move the menu and search symbol below the tagline?
Greetings Kathrin
Hello !
Unfortunately this option is not possible at the moment. Mobile theme layout cannot be edited.
Thank you !
Is there no way do to this in the mobile header.php and in the style.css?
In the style.css –> td-header-wrap –> change height from 60px to what you want 🙂 So I have a bigger size, but how and where in the style.css I can achieve that the text-logo moves to the middle/center of the box?
Greetings Kathrin
To get the text-logo in the mobile version in the middle I have added margin-top: 70px; to td-logo-text-wrap and the height in the td-logo-text-wrap to 180px
To get the search-button from left to right: .td-search-icon –> instead right: -3px; change to left: -3px; and add margin-top: 60px; so the search button moves below the toggle or to move the search icon beside the toggle just right: 210px;
To change the font-size of the text-logo and the the tagline –> use theme-panel because the following in the style.css doesn’t work:
.td-main-menu-logo .td-logo-text –> font-size from 24px to 48px
.td-main-menu-logo .td-tagline-text –>padding-top from 2px to 6px and font-size from 9px to 15px
Changes in the themepanel: mobile –> theme-fonts –> header –> text-logo –> size: 34 line hight: 34
Than change the header .entry-title margin-top: 25px and margin-bottom:65px
