for mobile menu i have already replied on your another topic
and for logo shrink
fixed on your site
Hi Veronica,
I guess you missed this part.
But on the mobile there is some issue which without your help wont be possible.
1) The logo should appear as alt logo same as for the desktop. image for ref http://prnt.sc/1dubqv7
2) It should be center align the menu and also the size should increase to certain extend
Hi Veronica i didnt got your reply for the above.
1) Also on the other pages when we scroll back the header jumples up with the header.
Screenshot attached:- http://prnt.sc/1eq6k6n
I checked with someone on messenger and he said that
"transparent class to the header will get this fixed
Vibethemes sent 21 July at 22:36
transparent header will add extra padding below it"
2) Earlier we get an option in wp-admin-wplms-header where we can add the banner color and the font color but after the update or may bhi in child theme that option is not there.
hi
for 1st:
alt logo will not apply on mobiles
for2nd:
we can align centre all items to centre with CSS if you want
for 3:
please provide specific URL as it is showing fine here:
https://prnt.sc/1er7mgg
1) If alt logo we cant change we can atleast fix the size or change the background color from white to Grey while scrolling for mobile.
2) Do what u feels it will look good.
3) You can check any of the product. image ref http://prnt.sc/1g652qa
Same issue is with mobile as well.
hi
have you changed anything on your site?
as it is showing like this:
http://prntscr.com/1gkzf9u
I dont know why it is showing like this i just updated the home page also. Can you check and let me know
Hi Veronica,
The site is working fine now. That was the issue due to adding the manifest.json file in the root directory.
Now it is fixed can you start making the menu for the mobile.
Also fix the logo while scrolling on the mobile. It is still mismatching with the header on the mobile.
hi
add this in custom CSS section
http://prntscr.com/1h003pa
@media(min-width:320px) and (max-width:768px){
header.sleek.fix.fixed #logo {
margin-top:15px;
}
header.sleek.fix.fixed{
background:#7f7f7f !important;
}
}
for the header on the shop and other pages
try to add this:
header.sleek.fix {
position: inherit;
}
This reply has been marked as private.
hi
for1:
you have added custom code in the custom CSS section if you remove that it will be fixed
https://prnt.sc/1ice8vt
for2:
add this:
header.sleek.fix {
position: inherit;
}
for3:
means you want to change this logo to the above one that you have shared?
https://prnt.sc/1icj78m
Thanks 1 & 2 Worked the only issue is that at home the background color of the header comes to black which should be #353535 color. Can we change it to this color.
For the 3: Sorry for misunderstanding.
While scrolling the logo size is small can we increase the logo size to the reference screenshot i attached. http://prnt.sc/1g652qa
One more thing When we scroll from down to above the header and then banner space reduce. Please fix that as well. I am attaching before and after scrolling image.
Before Scrolling: http://prnt.sc/1iqihhu
After Scrolling: http://prnt.sc/1iqizg0
Thanks & Regards,
Naveen
This reply has been marked as private.
Thanks Mate,
Looks like till now everything worked out.
But not happy with the responsive header. Couple of points
1) I want my header for tab and mobile to look like this.
Logo at the center and the humburger sign on the left and the login at the right.
http://prnt.sc/1jss5aa
2) Also while scrolling down the it should be the same but logo should be slightly enlarge then the current and the menu and login should be in white color. http://prnt.sc/1jsty5j
3) Rest please help me in designing the mobile menu background color which i mentioned to you .
.
