Skip to main content

add 3 vartical menu in row sora in layout showing wegdit(1) solved

 paste this code where u want  ur menu and in sora u can keep it above this code

<b:if cond='data:view.isHomepage'> 

<div class='services-wrapper'>

<div class='container row'>


paste down code above the upper code



 <style>

    .container {

        display: flex;

        justify-content: center; /* Horizontally center the content */

    }


    .vertical-left-menu,

    .vertical-right-menu {

        flex: 1; /* Equal width for left and right menus */

        margin-top: 20px; /* Adjust margin as needed */

    }


    .image-section {

        flex: 1; /* Take remaining space */

        text-align: center; /* Horizontally center the image */

        margin-top: 20px; /* Adjust margin as needed */

    }


    .separator {

        height: 1px;

        background-color: #ddd;

        margin: 10px 0;

    }

</style>


<div class='slider-outer-wrap'>

    <div class='container row' id='slider-wrapper'>


        <!-- Vertical Left Menu -->

        <div class='vertical-left-menu'>

            <div class='slide-menu section' id='slide-menu' name='Vertical icon Menu'>

                <div class='widget LinkList' data-version='1' id='LinkList960'>

                    <h3 class='title'>All Collections</h3>

                    <div class='widget-content'>

                        <ul id='nav3' itemscope='' itemtype='http://schema.org/SiteNavigationElement'>

                            <div class='menu-item'><li itemprop='name'><a href='health_care_url' itemprop='url'><i class='fa fa-heartbeat'/>Health Care</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='camera_url' itemprop='url'><i class='fa fa-camera'/>Camera</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='books_url' itemprop='url'><i class='fa fa-book'/>Books</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='cutlery_url' itemprop='url'><i class='fa fa-cutlery'/>Cutlery</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='sports_url' itemprop='url'><i class='fa fa-soccer-ball-o'/>Sports</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='motorbikes_url' itemprop='url'><i class='fa fa-motorcycle'/>Motorbikes</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='cars_url' itemprop='url'><i class='fa fa-car'/>Cars</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='tools_url' itemprop='url'><i class='fa fa-wrench'/>Tools</a></li></div>

                        </ul>

                    </div>

                </div>

            </div>

        </div>


        <!-- Main Content Area -->

        <div class='image-section'>

            <!-- Image Code Goes Here -->

            <img alt='Your Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYi7TokcWjJHS8tz4ZJB12tvaWzMUWfHmA1nRPYpUsS3RvCht-S_wwMxoJlLdt6s4BCsz-txvUeOuan-99Mu6kWGgKnOImYBYyy_CJb0_wug-Gbw6tI404A2JBBaNN_0ydfNStzKzO9XdIKLTO7xWG-wY5Rm6a9j2VokUqMafzHVTgqB8s2Gshrtc-Ocrl/w250-h250-p-k-no-nu/seo-post-bypost-roadmap-guide-.jpeg'>

            <!-- Separator -->

            <div class='separator'/>

       </img> </div>


        <!-- Vertical Right Menu -->

        <div class='vertical-right-menu'>

            <div class='slide-right-menu section' id='slide-right-menu' name='Vertical Tag'>

                <div class='widget Label' data-version='2' id='Label2'>

                    <div class='widget-title'>

                        <h3 class='title'>Product List</h3>

                    </div>

                    <div class='widget-content list-label'>

                        <ul>

                            <li>

                                <a class='label-name' href='https://'>

                                    kids

                                    <span class='label-count'>4</span>

                                </a>

                            </li>

                            <div class='menu-item'><li itemprop='name'><a href='health_care_url' itemprop='url'><i class='fa fa-heartbeat'/>Health Care</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='camera_url' itemprop='url'><i class='fa fa-camera'/>Camera</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='books_url' itemprop='url'><i class='fa fa-book'/>Books</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='cutlery_url' itemprop='url'><i class='fa fa-cutlery'/>Cutlery</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='sports_url' itemprop='url'><i class='fa fa-soccer-ball-o'/>Sports</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='motorbikes_url' itemprop='url'><i class='fa fa-motorcycle'/>Motorbikes</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='cars_url' itemprop='url'><i class='fa fa-car'/>Cars</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='tools_url' itemprop='url'><i class='fa fa-wrench'/>Tools</a></li></div>

                        </ul>

                    </div>

                </div>

            </div>

        </div>


    </div>

</div>


Labels:

Comments

Post a Comment

Popular posts from this blog

ADD PRICE IN SARA PRODUCT SOLVED

 ₹0.00 bottle 1 ₹0.00art mein ek item hai, jiska naam hai "DISCOVER BEST BRAIN-BOOSTING MULTIVITAMINS: LATEST TOP RESEARCH". Is item ka price ₹0.00 hai, aur isme ek bottle shamil hai. Is item ko aapne ek baar add kiya hai, isliye total price bhi ₹0.00 dikha raha hai.ji per actual me ye product ka price 1200 hia jo ki cart me update nahi ho pa raha hai kaise karu thik se bataye meri bhasha me  mere cart product price add karne ka tarika bataye HTML ME PASTE KARE  <h2 class="premium multivitamins">            </h2>     <div class="mediculabs_product_item_price item_price show"><b>Price:</b><span class="mediculabs_product_price meta-price">65 INR./span&gt;</span></div>
Post a Comment
Read more

sara remove powered by blogger in footer

💀 no line 8460 <div class='copyright-area'>Created By <a href='http://soratemplates.com/' id='mycontent' rel='dofollow' title='SoraTemplates'>Blogger Theme</a> | Distributed By <a href='https://gooyaabitemplates.com/' rel='dofollow' style='color:#ff00ba;' target='_blank' title='Blogger Templates'>Blogger Templates</a> 💀remove attribute and add html gadget in layout  paste this code there to add ur site logo there <div id="dynamicContent">     <a id="dynamicLink" rel='nofollow'>         <img id="dynamicImage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdU5mO3u-x3u1kxj0JaU7qzjSZjMB8osCaoPfwGlc2Kx4mjKw3FHkGCjXQs2QZjzujuwZcyPkJABjHi8H8565xjzGFdb5EiwVdRS5LptVvpBdiEHsEIdouU8ALls0t61Kl-FadOnZBN-EUgrS-DZeI-8CYvdpR7TOj0JcZn1guY7RWAHBxOLmtjHaphlYE/s16000-rw/crop%20logo%20image%20side%20bar.png" alt=...
Post a Comment
Read more

ai tool

 https://smodin.io/free-english-rewriter-and-spinner/ai-detection-remover ai detecter and removal https://originality.ai/blog/highlight-ai-text= for ai highlighter and affiliate marketing https://gptzero.me/  = ai writing detector and highlighter  https://www.zerogpt.com/           = ai content writer detector https://plagiarism-remover.com/humanize-ai-text/           = humanize writer
Post a Comment
Read more