Mobile issues

SarahF
Posts: 19
Joined: Thu Mar 17, 2016 12:50 am
Contact:

Mobile issues

Postby SarahF » Tue Jul 18, 2017 8:38 pm Supported Until: Sat Dec 16 11:14:47 +1100 2017

Hello,

I am having a few issues with the template on mobile:

1) On my services page I have created a custom layout. It looks great on desktop and tablet, but when it stacks on mobile the spaces aren't correct. I have set everything the same but the gaps are still uneven
2) The testimonial arrows cover up the text (on tablet too if in portrait angle). The arrows are also squares instead of circles
2) I can't find a way to centralise the menu options when I click the hamburger? I want the menu to appear under the hamburger rather than to the left

Many thanks

hungitms
Posts: 176
Joined: Wed Mar 02, 2016 8:36 am
Contact:

Re: Mobile issues

Postby hungitms » Wed Jul 19, 2017 6:43 pm

hi. please leave your site.

SarahF
Posts: 19
Joined: Thu Mar 17, 2016 12:50 am
Contact:

Re: Mobile issues

Postby SarahF » Wed Jul 19, 2017 8:21 pm Supported Until: Sat Dec 16 11:14:47 +1100 2017

mytestsite.sarahfrederickson.com

hungitms
Posts: 176
Joined: Wed Mar 02, 2016 8:36 am
Contact:

Re: Mobile issues

Postby hungitms » Fri Jul 21, 2017 9:22 am

hi.
1. You use the empty space custom height of the visual composer to build the distance between the elements. You can refer to this link https://vc.wpbakery.com
2. You copy the code css below and paste into Admin->Appearance->Theme Option->Advanced Settings->Custom Css

CodeColon Select All Code

body .owl-theme .owl-nav [class*='owl-'] {
    background-color: #fff;
    color: #000;
    margin: auto;
    font-size: 18px;
    border-radius: 50%;
    padding: 0;
}

body .owl-theme .owl-nav [class*='owl-']:hover {
   background-color: #000;
   color: #fff;
}

3. current the menu under the hamburger.

SarahF
Posts: 19
Joined: Thu Mar 17, 2016 12:50 am
Contact:

Re: Mobile issues

Postby SarahF » Fri Jul 21, 2017 3:56 pm Supported Until: Sat Dec 16 11:14:47 +1100 2017

Hello, thanks that has resolved points 1 and 2. I hadn't realised there was separate column and text settings.
With regards to point 3, the menu under the hamburger. Can you advise if it's possible to align it centrally?

hungitms
Posts: 176
Joined: Wed Mar 02, 2016 8:36 am
Contact:

Re: Mobile issues

Postby hungitms » Sat Jul 22, 2017 3:17 pm

How do you want your menu display? I still do not understand your idea.

SarahF
Posts: 19
Joined: Thu Mar 17, 2016 12:50 am
Contact:

Re: Mobile issues

Postby SarahF » Mon Jul 24, 2017 2:55 pm Supported Until: Sat Dec 16 11:14:47 +1100 2017

Hello, When the menu appears on mobile, I would like it to sit in the middle of the screen, under the hamburger. At the moment, it sits to the left.

hungitms
Posts: 176
Joined: Wed Mar 02, 2016 8:36 am
Contact:

Re: Mobile issues

Postby hungitms » Mon Jul 24, 2017 7:25 pm

hi. you add the code below to custom css

CodeColon Select All Code

#header .nav-menu .menu-mobile {
   text-align: center;
}

#header .nav-menu .menu-mobile li a {
   padding-right: 0;
}

SarahF
Posts: 19
Joined: Thu Mar 17, 2016 12:50 am
Contact:

Re: Mobile issues

Postby SarahF » Tue Jul 25, 2017 3:53 am Supported Until: Sat Dec 16 11:14:47 +1100 2017

Hello, that works perfectly. Thank you so much :)


Return to “Rose”

Who is online

Users browsing this forum: No registered users and 5 guests