[Laurence Oakey]

I have fixed the pricing section and the images on the left hand side with the big gap….

So the only thing left is the slider button not showing correctly on a mobile (you can just see the top of it.

[Laurence Oakey]

Email sent.

[Laurence Oakey]

https://imgur.com/a/yLmv2cU

[Laurence Oakey]

screenshots from ipad (same on a iphone)
https://imgur.com/vliea8p

missing section (just showing the background)
Boxes are stretched across the screen and logo to the left
iphone showing top of slide button

[Laurence Oakey]

screenshots from ipad (same on a iphone)
https://imgur.com/a/oPzOGMt

missing section (just showing the background)
Boxes are stretched across the screen and logo to the left
iphone showing top of slide button

[Laurence Oakey]

just checked and an ipad is the same but worse as there is about 9″ of black space on the right hand side.

Its this theme mobile/tablet compliant? doesn’t work on iphone/ipad.

[Laurence Oakey]

If I turn off the animation, the (pricing plan) section is displayed on a mobile phone but looks crappy and everything is aligned to the left and not centred as it is on a desktop computer.

[Laurence Oakey]

Your custom code didn’t work.
you can see the slider button but its only the top and off the screen.
I have emailed you pictures.

Still not displaying the (pricing plan) on the home screen!!

I have the following in the Custom CSS:

.center{width:95%;margin:0 auto}
#topmenu{text-align: left;display:block;vertical-align:middle;font-size: 0;padding-right: 25%;}
@media screen and (max-width:75.938em) and (min-width:20.000em) {
#topmenu{display:none}
#simple-menu{display:block}

@media screen and (max-width:479px) {
.slider-main .nivo-caption { top:0;}
.nivo-caption .slidebtn { display:table !important;}
.nivo-caption .title { font-size:20px !important;}
}

[Laurence Oakey]

So now have the following in custom CSS..

.center{width:95%;margin:0 auto}
#topmenu{text-align: left;display:block;vertical-align:middle;font-size: 0;padding-right: 25%;}
@media screen and (max-width:479px) {
.slider-main .nivo-caption { top:0;}
.nivo-caption .slidebtn { display:table !important;} .nivo-caption .title { font-size:20px !important;} }

What about the issue I am having on a mobile? Does this theme work on a mobile phone.
I have tried it in Chrome & safari

[Laurence Oakey]

also the button on the Front Page (slider Button) is not display on a mobile.

[Laurence Oakey]

The URL works correctly – it takes you to host.cx and you click on the continue button at the bottom to go to prevellycaravanpark.com.au
“http://u7fe0.hosts.cx/”

[Laurence Oakey]

also when viewing on a mobile phone the the home sections either don’t display anything (pricing plan) or the display is not formatted (columns)

[Laurence Oakey]

Currently its in development stage….

Host.cx link is
http://u7fe0.hosts.cx/

[Laurence Oakey]

I have changed the custom CSS to the following which seams to work, but can you confirm encase there would be issues relating to this.

.center{width:95%;margin:0 auto}
#topmenu{text-align: left;display:block;vertical-align:middle;font-size: 0;padding-right: 25%;}
@media screen and (max-width:75.938em) and (min-width:20.000em) {
#topmenu{display:none}
#simple-menu{display:block}

Thanks
Laurence

[Laurence Oakey]

Hi,
I have added this to CSS which fixes the issue but that also moves the menu to the far right.
.center{width:95%;margin:0 auto}

Can you come up with a better option or is there a CSS to move the top menu?

[Author]

Posts