The click doesn't work after editing the Navigation menu

[mythgreece]

Hi, there

I edited the navigation, add two new menus to the Story section

Now, I click it, it doesnt go to the About Us page

[websensepro]

Hi  @mythgreece , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

[mythgreece]

Hi, here it is 

https://www.mythgreece.com/

[Test91]

Did u notice that after you click the Story it showing that one image and not scrolling also? And when we open the page in new tab it is opening.

Can u provide me collabrator access if possible for check it in deep.

[mythgreece]

Yes, I found it. But I dont know how to share the access. Maybe it is related to the coding.

I just add the about us, diray and press here. Originally the story section only have the about us page and no sub menu.

[Test91]

settings > users and permissions > collaborator code

Please go there and give me that code then i will request you to access than review the permissions and accept if you want to resolve it.

[Dan-From-Ryviu]

Your menu will appear submenus after clicking on the parent menu. That is why it won't open about us page when you click on Story now.

[Test91]

Oh! Got it. You can remove these about us, diary, press from there then it will not show submenu and it will go to page where you want to go,.

[mythgreece]

So, how can it be fixed, I want the story have these three submenus..

[Test91]

For me i have to check the code then i can suggest you anything if it is possible you to give me collab access then i can review it.

[mythgreece]

Sorry, the access is not avaliable. I could screenshot for you.

[Test91]

No Problem but can you export your theme so that i can add that in my partner store and check out there.

[Dan-From-Ryviu]

When clicking on it, it should appear in the submenu as a dropdown or something else, but it does not. Please check the settings of your menu to check

[Test91]

There is a display None there when we click on that the display is still none but i removed it manually then your submenus are appearing like this.

[mythgreece]

Oh yes, this is what I want, how can I achieve this?

[Test91]

Sorry Mate, without checking the code i am unable to help you

[mythgreece]

Hi, this is our about page code, could you please help check it?

 {%if section.settings.about_cover!=blank%}

<div class="about-cover">

  <div class="small-hide">

<img class="lazyload lazypreload fade-in"

              data-src="{{section.settings.about_cover|img_url:'master' }}"

              data-widths="[180, 220, 300, 360, 460, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"

              data-aspectratio="{{ section.settings.about_cover.aspect_ratio }}"

              data-sizes="auto"

              alt="{{section.settings.about_cover.alt | escape }}">

  </div>

  <div class="medium-up-hide">

  <img class="lazyload lazypreload fade-in"

              data-src="{{section.settings.about_cover_mb|img_url:'master' }}"

              data-widths="[180, 220, 300, 360, 460, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"

              data-aspectratio="{{ section.settings.about_cover_mb.aspect_ratio }}"

              data-sizes="auto"

              alt="{{section.settings.about_cover_mb.alt | escape }}">

  </div>

  <div class="about-cover-text-content">

    {%if section.settings.about_cover_text!=blank%}

    {%if section.settings.about_cover_text_link!=blank%}<a href="{{section.settings.about_cover_text_link}}">{%endif%}

    <h1 style="color:{{section.settings.text_color}}">{{section.settings.about_cover_text}}</h1>

       {%if section.settings.about_cover_text_link!=blank%}</a>{%endif%}

    {%endif%}

  </div>

  </div>

{%endif%}

 {%if section.settings.about_banner_1!=blank%}

 <div class="abg-image-1 lazyload fade-in"  style="padding-top:{{ 1 | divided_by: section.settings.about_banner_1.aspect_ratio | times: 100 }}%"

                    data-bgset="{% include 'bgset', image: section.settings.about_banner_1 %}"

                    data-sizes="auto"

                    data-parent-fit="cover">

   </div>

{%endif%}

 {%if section.settings.about_banner_2!=blank%}

<div class="abg-image-2 lazyload fade-in"  style="padding-top:{{ 1 | divided_by: section.settings.about_banner_2.aspect_ratio | times: 100 }}%"

                    data-bgset="{% include 'bgset', image: section.settings.about_banner_2 %}"

                    data-sizes="auto"

                    data-parent-fit="cover">

   </div>

{%endif%}

{% schema %}

  {

    "name": "About page",

    "settings": [

{

"type": "image_picker",

        "id": "about_cover",

        "label": "Cover image",

        "info":"Size:1920*1080px"

},{

"type": "image_picker",

        "id": "about_cover_mb",

        "label": "Cover image for moblie",

        "info":"Size:700*1020px"

}, {

"type": "text",

        "id": "about_cover_text",

        "label": "About cover text"

},

{

"type": "color",

        "id": "text_color",

        "label": "Text color"

},

{

"type": "url",

        "id": "about_cover_text_link",

        "label": "About cover link"

},

    {

"type": "image_picker",

        "id": "about_banner_1",

        "label": "Banner image 1",

        "info":"Size:1920*1080px"

},

    {

"type": "image_picker",

        "id": "about_banner_2",

        "label": "Banner image 2",

        "info":"Size:1920*1080px"

}

]

  }

{% endschema %}

[mythgreece]

Hi, this is our about page code

 {%if section.settings.about_cover!=blank%}

<div class="about-cover">

  <div class="small-hide">

<img class="lazyload lazypreload fade-in"

              data-src="{{section.settings.about_cover|img_url:'master' }}"

              data-widths="[180, 220, 300, 360, 460, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"

              data-aspectratio="{{ section.settings.about_cover.aspect_ratio }}"

              data-sizes="auto"

              alt="{{section.settings.about_cover.alt | escape }}">

  </div>

  <div class="medium-up-hide">

  <img class="lazyload lazypreload fade-in"

              data-src="{{section.settings.about_cover_mb|img_url:'master' }}"

              data-widths="[180, 220, 300, 360, 460, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"

              data-aspectratio="{{ section.settings.about_cover_mb.aspect_ratio }}"

              data-sizes="auto"

              alt="{{section.settings.about_cover_mb.alt | escape }}">

  </div>

  <div class="about-cover-text-content">

    {%if section.settings.about_cover_text!=blank%}

    {%if section.settings.about_cover_text_link!=blank%}<a href="{{section.settings.about_cover_text_link}}">{%endif%}

    <h1 style="color:{{section.settings.text_color}}">{{section.settings.about_cover_text}}</h1>

       {%if section.settings.about_cover_text_link!=blank%}</a>{%endif%}

    {%endif%}

  </div>

  </div>

{%endif%}

 {%if section.settings.about_banner_1!=blank%}

 <div class="abg-image-1 lazyload fade-in"  style="padding-top:{{ 1 | divided_by: section.settings.about_banner_1.aspect_ratio | times: 100 }}%"

                    data-bgset="{% include 'bgset', image: section.settings.about_banner_1 %}"

                    data-sizes="auto"

                    data-parent-fit="cover">

   </div>

{%endif%}

 {%if section.settings.about_banner_2!=blank%}

<div class="abg-image-2 lazyload fade-in"  style="padding-top:{{ 1 | divided_by: section.settings.about_banner_2.aspect_ratio | times: 100 }}%"

                    data-bgset="{% include 'bgset', image: section.settings.about_banner_2 %}"

                    data-sizes="auto"

                    data-parent-fit="cover">

   </div>

{%endif%}

{% schema %}

  {

    "name": "About page",

    "settings": [

{

"type": "image_picker",

        "id": "about_cover",

        "label": "Cover image",

        "info":"Size:1920*1080px"

},{

"type": "image_picker",

        "id": "about_cover_mb",

        "label": "Cover image for moblie",

        "info":"Size:700*1020px"

}, {

"type": "text",

        "id": "about_cover_text",

        "label": "About cover text"

},

{

"type": "color",

        "id": "text_color",

        "label": "Text color"

},

{

"type": "url",

        "id": "about_cover_text_link",

        "label": "About cover link"

},

    {

"type": "image_picker",

        "id": "about_banner_1",

        "label": "Banner image 1",

        "info":"Size:1920*1080px"

},

    {

"type": "image_picker",

        "id": "about_banner_2",

        "label": "Banner image 2",

        "info":"Size:1920*1080px"

}

]

  }

{% endschema %}

[Test91]

I don't think that this issue coming from About Us page.

There are several files that have to check this.