GYMPRO move logo to far left

[Laurence Oakey]

Hi Support,

I am trying to move the header logo to be on in the left hand corner.
I have tried the following in CSS but either doesn’t work or once you change the browser window size the logo goes off the screen…
.logo { margin-left:-400px;}

Please could you let me know how to do this?

Thanks,

[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?

[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

[Sonl Sinha]

Hi,

Kindly show us your website URL please?

Regards,
Dave

[Laurence Oakey]

Currently its in development stage….

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

[Sonl Sinha]

Hi,

http://u7fe0.hosts.cx/
The website URL may be going to the wrong page.

Regards,
Dave

[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]

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 the button on the Front Page (slider Button) is not display on a mobile.

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.logo img { width:auto !important; height:auto !important;}

@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;}
}

Regards,
Dave

[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]

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]

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]

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.

[Sonl Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

Regards,
Dave

[Author]

Posts