Menus, Course Titles all misaligned

[sushikev]

Hi there, the UI seemed bugged. I tried troubleshooting by updating all plugins and leaving only necessary plugins on. But still unable to determine what is causing this UI issue. https://prnt.sc/yd1y3n Menus are misaligned, and footer too. Course featured image and title is also left aligned. Please assist! Thanks!

[Ada]

Hi, Please share your page URL as when I checked course page it was this on your site https://prntscr.com/yi6bls so I think it was just course layout issue. If still there is problem then please share page URL for this course image and title and also explain what changes do you want in footer.

[sushikev]

This reply has been marked as private.

[Ada]

Hi for the course page From appearance>> customize>>layouts https://prntscr.com/yorroj you can change course layouts and if you want to create your own layout based on your preferance and choices then you can do so from vibebp>>course layouts Refer to this tutorial https://youtu.be/QGs1QpVKpXI and then set it to blank like this https://prntscr.com/yorvtm For footer please add this code in appearance>> customize>custom css

footer .footertop {
    display:flex !important;
    flex-wrap:wrap;
 
}
footer .footertop div{
     padding-top:10px;
}
@media(max-width:800px){
   footer .footertop div{
       min-width:200px;
   } 
}

And please let me know if you want any other customization in footer.

[sushikev]

This reply has been marked as private.

[Ada]

Ok please add this css code to align this menu horizontally.

.single-course #item-nav .item-list-tabs ul li{
    display:inline-block !important;
    padding-right:20px !important;
    padding-bottom:20px !important;
}

https://prntscr.com/yt2n8l

[sushikev]

This reply has been marked as private.

[sushikev]

This reply has been marked as private.

[sushikev]

This reply has been marked as private.

[Ada]

Hi, I am providing solutions. There is always some customization needed with css . So I am providing css for this footer issue. For course layout issue you need to set layouts as blank from appearance>> customize>> layouts https://prntscr.com/yyqx22 And create a course layout from vibebp>> course layouts I told you in previous replies and also shared a reference video. In v-4 profile layout also should be blank from here https://prntscr.com/yyqx22 Then manage course sction will open. I have set it to blank and see https://prntscr.com/yyralf

[Author]

Posts