Search in:
Suggested Search: installation, configuration
Search in:
Suggested Search: installation, configuration

Logo centered

Home › Forums › Pro Support › Logo centered

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 21, 2019 at 10:01 am #69514
    info@simonebocchetta.itinfo@simonebocchetta.it
    Participant

    Hello!

    How can I center my logo or my custom HTML content?

    Thank you!

    October 21, 2019 at 11:52 am #69516
    Kriti SharmaKriti Sharma
    Keymaster

    Hi,

    Hope you are having a nice day!

    Please refer to the following CSS code to centre your logo.

    @media ( min-width: 1025px){
    #responsive-menu-pro-header-bar-items-container{
    display: block;
    margin: 0 auto !important;
    width: 50%;
    position: relative;
    }

    #responsive-menu-pro-header-bar-logo a img{
    position: absolute;
    left: 20%;
    right: 20%;
    margin-top: 2%;
    }
    }

    Feel free to tweak left, right and margins of the image. Hope this reference code works for you.

    Regards,
    Kriti

    October 21, 2019 at 3:16 pm #69518
    info@simonebocchetta.itinfo@simonebocchetta.it
    Participant

    If i show you the link where I’m working on, can you please help me? Because I have differents results resizing the window!

    October 21, 2019 at 3:30 pm #69520
    Kriti SharmaKriti Sharma
    Keymaster

    Hi,

    Yes you can. But I have shared the code only for media screens with width above 1025px so you need to use separate media queries for different screen resolutions. Try separate media queries for responsive screens.

    Regards,
    Kriti

    October 22, 2019 at 1:00 pm #69533
    info@simonebocchetta.itinfo@simonebocchetta.it
    Participant

    Ok I understood!I will try others ways 🙂 thank you so much! Really kind and fast!

    October 22, 2019 at 1:10 pm #69534
    info@simonebocchetta.itinfo@simonebocchetta.it
    Participant
    This reply has been marked as private.
    October 22, 2019 at 2:01 pm #69535
    Kriti SharmaKriti Sharma
    Keymaster

    Hi,

    You can refer to the following article to get help with media queries.
    https://www.w3schools.com/css/css3_mediaqueries_ex.asp

    Hope this helps you with your query. Thanks for reaching out to us.

    Regards,
    Kriti

    October 22, 2019 at 2:52 pm #69545
    info@simonebocchetta.itinfo@simonebocchetta.it
    Participant
    This reply has been marked as private.
    October 22, 2019 at 2:54 pm #69546
    info@simonebocchetta.itinfo@simonebocchetta.it
    Participant
    This reply has been marked as private.
    October 23, 2019 at 5:16 am #69548
    Kriti SharmaKriti Sharma
    Keymaster

    Hi,

    For using media queries for separate screens, use following code:

    /* for mobile phones*/
    @media (max-width: 425px){
    CSS code;
    }

    /* for tablets or ipads*/
    @media (min-width: 426px) and (max-width: 768px){
    CSS code;
    }

    /* for small laptops */
    @media (min-width: 769px) and (max-width: 1024px){
    CSS code;
    }

    /* for laptops*/
    @media (min-width: 1025px){
    Css code;
    }

    In the CSS code sections, you will have to paste the above reference code according to the different resolutions.

    Regards,
    Kriti

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Logo centered’ is closed to new replies.