GYMPRO move logo to far left

Home Forums All Other Themes GYMPRO move logo to far left

Tagged: 

Viewing 15 posts - 1 through 15 (of 24 total)
  • Author
    Posts
  • #150611
    Laurence Oakey
    Participant
    • Topics: 13
    • Replies: 80
    • Total: 93
    Member since: January 20, 2020

    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,

    #150612
    Laurence Oakey
    Participant
    • Topics: 13
    • Replies: 80
    • Total: 93
    Member since: January 20, 2020

    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?

    #150615
    Laurence Oakey
    Participant
    • Topics: 13
    • Replies: 80
    • Total: 93
    Member since: January 20, 2020

    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

    #150633
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24158
    • Total: 24158
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL please?

    Regards,
    Dave

    #150638
    Laurence Oakey
    Participant
    • Topics: 13
    • Replies: 80
    • Total: 93
    Member since: January 20, 2020

    Currently its in development stage….

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

    #150743
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24158
    • Total: 24158
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Dave

    #150782
    Laurence Oakey
    Participant
    • Topics: 13
    • Replies: 80
    • Total: 93
    Member since: January 20, 2020

    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)

    #150783
    Laurence Oakey
    Participant
    • Topics: 13
    • Replies: 80
    • Total: 93
    Member since: January 20, 2020

    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/”

    #150784
    Laurence Oakey
    Participant
    • Topics: 13
    • Replies: 80
    • Total: 93
    Member since: January 20, 2020

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

    #150841
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24158
    • Total: 24158
    Member since: August 16, 2013

    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

    #150854
    Laurence Oakey
    Participant
    • Topics: 13
    • Replies: 80
    • Total: 93
    Member since: January 20, 2020

    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

    #150862
    Laurence Oakey
    Participant
    • Topics: 13
    • Replies: 80
    • Total: 93
    Member since: January 20, 2020

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

    #150865
    Laurence Oakey
    Participant
    • Topics: 13
    • Replies: 80
    • Total: 93
    Member since: January 20, 2020

    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.

    #150866
    Laurence Oakey
    Participant
    • Topics: 13
    • Replies: 80
    • Total: 93
    Member since: January 20, 2020

    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.

    #150869
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24158
    • Total: 24158
    Member since: August 16, 2013

    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

Viewing 15 posts - 1 through 15 (of 24 total)
  • You must be logged in to reply to this topic.