Jewelry PRO Theme

[Michelle Costa]

Good day

Please assist me with the following issues to link: http://catholiccentre.co.za/NEWDEMO/

Aligning main menu, search bar and cart with the logo as well have it centre aligned on the mobile version.

Regards
Michelle

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.logo { float:none; margin:0 auto; display:table;}
.search-box button[type="submit"] { background:transparent !important;}
}

Regards,
Dave

[Michelle Costa]

Hi Dave

I have applied what you have sent but I see the menu is still not centered to the logo middle, the search icon is also not displaying in line.

[Michelle Costa]

also, the mobile menu is not displaying when in mobile viewing

[Michelle Costa]

Hi Dave,

How do I centre the image in section 1 to the text? as well as change the text colour and font?

Regards
Michelle

[Sonl Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on imgur.com and paste the share url here.

Regards,
Dave

[Michelle Costa]

Hi Dave

Please view the link: https://imgur.com/a/cCKqraS

I need all aligned centered to the white menu bar please, also how do I change the colour of the black lines in between the social media icons?

Regards
Michelle

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.collection-border { width:100%;}
.collection-content { text-align:center;}
.collection-image { float:none; margin:0 auto;}

Regards,
Dave

[Michelle Costa]

Good day Dave

When viewing the website in mobile mode, the menu tab does not display the pages correctly, please assist with having this display correctly so when you click on the 3 stripes it shows the menu bar for the pages.

Regards
Michelle

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.sidr ul li a { color:#000 !important;}

Regards,
Dave

[Michelle Costa]

Hi Dave

Thanx it worked.

When viewing in mobile mode it displays menu when you click on the 3 strips but I see its also underneath, see image as reference, how do we not display the menu below?

https://imgur.com/HnYlFLE

Regards
Michelle

[Sonl Sinha]

Hi,

This is working just fine.

Have look at:
https://imgur.com/a/CTCqrig

Regards,
Dave

[Michelle Costa]

Hi Dave,

Yes the menu is working, but when you scroll down it displays the page names below too

Regards
Michelle

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:63.938em) and (min-width:20.000em) {
#topmenu { display: none !important;}
}

Regards,
Dave

[Michelle Costa]

Good day Dave

Thank you for that, it is displaying correctly now.

Next thing I need assistance with please is aligning the text and image to the centre of the square box for the first section, please see image for reference: https://imgur.com/QnVrjS7

Regards
Michelle

[Author]

Posts