Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • April 2, 2015 at 7:52 pm #422737
    petrosgr

    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?

    April 3, 2015 at 7:24 am #422899
    Rikard

    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

    April 3, 2015 at 3:26 pm #423088
    petrosgr

    Hello Rikard

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

    April 4, 2015 at 9:23 pm #423515
    Andy

    Hey!

    For logo:

    div .logo {
left: 42%;
}

    For menu:

    #header_main_alternate {
left: 10%;
}

    Adjust as needed.

    Regards,
    Andy

    April 5, 2015 at 7:53 pm #423711
    petrosgr

    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

    April 5, 2015 at 7:54 pm #423712
    petrosgr

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

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

    April 6, 2015 at 6:50 am #423809
    Rikard

    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

    April 6, 2015 at 9:13 am #423839
    petrosgr

    Hello Rikard

    Please check now test.psprint.gr

    April 7, 2015 at 3:57 am #424394
    Andy

    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

    April 7, 2015 at 12:07 pm #424586
    petrosgr

    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

    April 7, 2015 at 1:12 pm #424627
    Yigit

    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

    April 8, 2015 at 9:40 am #425151
    petrosgr

    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?

    April 8, 2015 at 1:28 pm #425254
    Yigit

    Hi!

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

    Cheers!
    Yigit

    April 8, 2015 at 3:14 pm #425353
    petrosgr

    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 9 years, 7 months ago by petrosgr.
    April 8, 2015 at 3:16 pm #425356
    petrosgr

    Hello Yigit
    Thanks for your help.

    Here is screenshot:

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

    • This reply was modified 9 years, 7 months ago by petrosgr.
    April 9, 2015 at 5:34 pm #426097
    Elliott

    Hi!

    Add this as well.

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

    Best regards,
    Elliott

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