Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #422737

    Hello
    If i have stretched layout from General Layout on my theme, ang go to General Layout -> and choose Logo left,menu Below on Header Tab. I have this problem: Logo and menu going on the left side of page. And all other are in center position. Can i have logo and menu on center position like others?

    #422899

    Hey petrosgr!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    #423088

    Hello Rikard

    The link it’s on subdomain of click here http://test.psprint.gr/

    #423515

    Hey!

    For logo:

    div .logo {
    left: 42%;
    }
    

    For menu:

    #header_main_alternate {
    left: 10%;
    }
    

    Adjust as needed.

    Regards,
    Andy

    #423711

    Dear Andy

    Your codes it’s working, but the problem is that it’s not responsive to all devices and dimensions.
    Can you tell me a code responsive for all text and icons of page?

    Thanks

    #423712

    I insert this: }
    #header_main_alternate {
    left: 18%;
    }
    div .logo {
    left: 19%;
    }

    But it’s not responsive to all devices and dimensions.

    #423809

    Hi!

    I tried to have a look at your site but it looks like you’re in maintenance mode, could you provide us with details so that we can have a closer look please? You can post the details here as a private reply.

    Cheers!
    Rikard

    #423839

    Hello Rikard

    Please check now test.psprint.gr

    #424394

    Hey!

    your website looks good to me on mobile version. I can’t see any issue. So what are the changes you want to make? can you provide us a screenshot/mockup of how you want it to look like?
    If you want to make my code responsive you can do so using media querries:

    @media only screen and (max-device-width: 767px) {
    div .logo {
    left: 42%;
    }
    #header_main_alternate {
    left: 10%;
    }}
    

    Now this code will effect only screens with a maximum of 767px in width. Adjust as needed.
    See this link about media querries for different screen sizes/devices: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    Cheers!
    Andy

    #424586

    Hello Andy

    On mobile version it’s ok.
    But if i chance dimensions of browser in destop computer i have this problem on menu.
    Please check screenshot : http://www.psprint.gr/screenshot.png

    Thanks

    #424627

    Hey!

    Please remove following code from Quick CSS

    #header_main_alternate {
      left: 18%;
    }

    and add following instead

    #header_main_alternate .container {
      max-width: 1044px!important;
    }

    Best regards,
    Yigit

    #425151

    Thanks Yigit your code it’s ok! But is there any code to stay logo icon up to home button when i chance dimensions of browser on desktop pc?

    #425254

    Hi!

    Can you please post a screenshot and show the changes you would like to make so we better understand the issue? :)

    Cheers!
    Yigit

    #425353

    Hello Yigit
    Thanks for your help.

    Here is screenshots:

    http://www.psprint.gr/screenshot2.png
    http://www.psprint.gr/screenshot3.png

    • This reply was modified 8 years, 11 months ago by petrosgr.
    #425356

    Hello Yigit
    Thanks for your help.

    Here is screenshot:

    http://www.psprint.gr/screenshot4.png

    • This reply was modified 8 years, 11 months ago by petrosgr.
    #426097

    Hi!

    Add this as well.

    #header_main .container { max-width: 900px !important; }
    

    Best regards,
    Elliott

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