Return to previous page

Logo mobile device - by khalif rhodes - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 10 years ago ago by Eva Kemp

khalif rhodes

Participant

April 16, 2014 at 15:19

I want to center the logo on a mobile device when it is in portrait mode. The logo currently goes to the left and is touching the navigation menu. I want it to be centered just like the vertical screen mode is. Also I want to change the color of the double-border that the nav-menu sits in.

#1331 Copied

5 Answers

Eva Kemp

Support staff

April 16, 2014 at 16:58

Hello,

Please read the Legenda documentaion https://www.8theme.com/demo/docs/legenda/index.html#!/legenda_theme_options > Legenda Theme Options > Responsive

Regards

#1342 Copied

khalif rhodes

Participant

April 16, 2014 at 17:09

I am sorry but your answer does not address my question at all. I am aware of how to turn on responsiveness. What I am unaware of is how to accomplish what I asked. I also see that another user chouston92, asked the same question. Please answer my question regarding centering the logo when the theme is viewed in on a mobile device. Thank you.

#1343 Copied

Eva Kemp

Support staff

April 17, 2014 at 12:51

Thank you for your reply.
Unfortunately we can’t reproduce the issue with logo on our side. Could you please provide us with the site and admin panel credentials?

You can change border color in custom.css, just add the following code and write the color you need:
.main-nav .double-border, .main-nav {
border-top: red;
border-bottom: red;
}

How to create custom.css file you can watch here

Regards

#1376 Copied

khalif rhodes

Participant

April 21, 2014 at 16:20

Hello Eva. Thank you for help regarding the border. You can reproduce the issue with the logo on a mobile device or on the desktop when you resize your screen. one you go below 980 px in the width the screen shifts to mobile view. In that view the default logo shifts to the left of the screen. As you continue to resize the screen the logo goes further left and starts to touch the navigation (three bar) link. I would like the logo to stay centered and not shift to the left.

You may log in to the at http://www.thedivineexpression.com/
the first page you can enter the access key as kappatest1
then resize the screen to reproduce the issue.

I believe that you guys use a media query to have the logo shift based on the size of the screen. I am not knowledgeable enough in using media queries to understand how to make my request happen.

It also moves over to the left on the demo that your have on your site. Just resize the screen to the size of a phone and the theme will go into mobile mode.
https://www.8theme.com/demo/legenda/

Thank you,

#1688 Copied
Eva Kemp

Support staff

April 24, 2014 at 13:19
Hello,

We advise you to update the theme to the latest version and move all the changes you’ve made into custom.css or child theme.
Also you need to add the following code to the custom.css file to center the logo:
```
@media (max-width: 480px)
.header .logo {text-align: center;}
```
Or if you want to hide the logo on desktop:
```
@media (min-width: 1200px)
.header .logo {display:none;}
```
Regards,
Eva Kemp.
#1963 Copied
Viewing 6 results - 1 through 6 (of 6 total)