Mobile: Logo / Responsive Menu / title spacing and Contact Us spacing

Illdy
1

Hi,

I have set up my site (http://www.jolivine.com) with Illdy theme and I love it. However, I found too much spacing between some sections in the mobile view and I hope to reduce them. Hope that you can help.

  1. Logo vs Navigation vs Responsive Menu

I noticed that these 3 items are displayed in a sequence. So in the mobile view (e.g. iphone), top menu navigation does not display but responsive menu displays below logo. There is a lot of spacing after the logo as well. Refer to screenshot attachments. Can I have the responsive menu icon inline with the logo in the header/css file?

  1. Spacing from Responsive Menu to the 3 title words

There is too much spacing between responsive menu icon to the title words. Refer to screenshot attachments. How can I reduce it?

  1. In my Contact Us section, I only have email details to display so other details are not displayed but on mobile view (web OK), there is a lot of spacing displayed between Contact Us, Description, Email and Form. Refer to screenshot attachments. Can you guide me how to reduce?

Thank you so much.

2

Hello @xjam,

The mobile menu burger seems to be some issue on our side, I will track this down and will include the fix in the upcoming theme update.

For now, try this custom CSS solutions, they should do the trick:

@media only screen and (max-width: 768px){
.top-header .col-sm-2{
    display: inline-block;
}
.top-header .col-sm-10{
    display: inline-block;
    float: right;
    margin-top: 30px;
}}
@media only screen and (max-width: 992px){
#header .bottom-header{
    padding-top: 40px;
    padding-bottom: 40px;
}}
@media only screen and (max-width: 767px){
#contact-us .section-content .col-sm-5, #contact-us .section-content .col-sm-3 {
    margin-top: -20px;
}}

Let me know if everything is working as expected.

Regards

3

Hi! Sorry for replying this late. Your solution worked great! Thank you so much! :slight_smile:

4

No problem about the late reply, I’m happy that everything turned out alright.

Cheers