zelatech
asked 9 years ago

i would like to move logo over navigation bar in mobile and tablet responsive version, how to?

i photoshopped an example (see attachment)
 

1 Answers
DominicStaff
answered 9 years ago

To move logo over navigation bar in mobile and tablet responsive version, You can open the header.php file in the folder path “wp-content\themes\dw-focus”, find the line 69, and move the following code to the line 58.                    

 <a class="small-logo hidden-desktop" rel="home" title="DW Focus" href="<?php echo esc_url( home_url( '/' ) ); ?>">DW Focus</a>

See the screenshot:

After moving the code in the header.php file: You can log in to Dashboard > Theme > Customize > General Settings, add the following code to the Header Script.

 <style>
#main {
    padding-top: 35px;
}
</style>

Hope this helps !

zelatech
replied 9 years ago

it works but now navbar go over title…

zelatech
replied 9 years ago

and logo is not fullwidth..

zelatech
replied 9 years ago

you can see on http://www.bloglive.it

Dominic Staff
replied 9 years ago

Please add the following code to the “Header Script”

Hope this helps !

zelatech
replied 9 years ago

mobile ok, desktop ok.. but i have problem on tablet version..

navbar go over featured image or title.

you can see on http://www.bloglive.it

zelatech
replied 9 years ago

from @media 465 to @media 581

can you list me all @media steps for responsive?

Dominic Staff
replied 9 years ago

Please active the DW Focus Theme in your Dashboard or you can send me username & password your site for further checking (via private answer)

Powered by DW Question & Answer Pro