Mobile menu in RTL going in right side while the logo in right side also ? - Support

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
May 7, 2018 at 3:35 pm #952721

ianazi
Participant

Mobile menu in RTL going in right side while the logo in right side also ?
as before it was in left side as it’s in desktop version ?
http://ehealthsa.com/wp-content/uploads/2018/05/111.png

May 8, 2018 at 8:20 am #953207
Victoria
Inactive Moderator
Hey ianazi,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
```
@media only screen and (max-width: 767px) {
  .responsive.html_header_top.html_main_nav_header #top #header.av_menu_left .main_menu {
    left: -15px;
    right: auto;
  }
}
```
If you need further assistance please let us know.

Best regards,
Victoria
May 10, 2018 at 3:22 pm #954604

ianazi
Participant

great
it’s fixed. many thanks

May 11, 2018 at 12:02 pm #955205

Victoria
Inactive Moderator

Hi ianazi,

Glad we could help :)

If you need further assistance please let us know.
Best regards,
Victoria

December 10, 2018 at 3:53 pm #1043126

ianazi
Participant

Hi

Dear the logo is centered in the header stiyle for website
but when i use the mobile screen the logo of the website become over the menu ?
check picture : https://sso.org.sa/ar/wp-content/uploads/2018/12/5050.png

الرئيسية

December 10, 2018 at 9:48 pm #1043373
Victoria
Inactive Moderator
Hi ianazi,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
```
@media only screen and (max-width: 767px) {
    .responsive #top .logo {
        display: block;
        width: 30%;
        margin: 0 auto;
    }
}
```
If you need further assistance please let us know.

Best regards,
Victoria
December 13, 2019 at 1:41 am #1165388

ianazi
Participant

Hello,
I have an issue that the menu in mobile is showing over the logo and when I did apply
`
@media only screen and (max-width: 767px) {
.responsive #top .logo {
display: block;
width: 30%;
margin: 0 auto;
}
}

the menu become in the right and logo in the center, while I need the logo to be in the right and the menu in the left in mobile view

الاولى

December 14, 2019 at 6:04 am #1165767
Rikard
Keymaster
Hi,

Please try this CSS instead:
```
@media only screen and (max-width: 767px) {
.responsive #top .logo {
    width: auto !important;
}
}
```
Best regards,
Rikard
December 14, 2019 at 11:10 pm #1165951

ianazi
Participant

Hi Rikard
Thank you, it’s working but the issue that I need it to be in the left while the logo in right!

December 18, 2019 at 2:47 am #1167071
Ismael
Moderator
Hi,

Thank you for following up.

You can use this css code to move the menu to the left.
```
.responsive #top #wrap_all .main_menu {
	top: 0;
	left: 0;
	right: auto;
}
```
Please place the code inside the css media query, below the most recent modification.

Best regards,
Ismael
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.