How can I modify my menu layout and fix image loading issues?

Technical Q&A
1

i need to change this layout from this to that .

nikz35_1-1650874152577.png
nikz35_1-1650874152577.png1920×1080 290 KB

i need to change the menu layout to this ?

nikz35_0-1650874087126.png
nikz35_0-1650874087126.png1436×603 39.9 KB

also, the images are going scrolling down while loading the pages and some of the title are showing flags in some they are not showing .

link - https://boyodemo.myshopify.com.
please dont let me down , its urgent

2

@nikz35 , Password Please

3

boyodemo

4

need to add a newsletter button in the footer

5

@nikz35 ,

#header .menu ul .nav-item .list-woman.shop .menu_lv2:after {
    border: 0;
}
a.delay03.d-inline-block.mb-2.relative.menu_lv2 {
    background: #28a745;
    border: 0;
    padding: 10px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->engo-customize.scss.liquid

6

i am sorry to say that this was not i ment the order arrangement of the level 2 menus

nikz35_0-1650884543815.png
nikz35_0-1650884543815.png1876×927 197 KB

7

@nikz35 ,

It will happen because the categories are varying in different numbers. you have to manage it.

so that it will be in proper layout.

There is a bootstrap layout ie column.

It takes fixed width.

oscprofessional_0-1651047137708.png
oscprofessional_0-1651047137708.png1431×970 293 KB

You have to do customize your theme for changing the layout.

8

How to edit it can you guide me ! i am beginner developer