How can I edit text and menu sizes in Reformation theme?

Store Design
, , ,
1

Hi team

  1. I would appreciate your help to remove all instances of underlined text when hovering, most notably in the main menu, footer menu, and any linked text. I have searched through this forum to no avail. I am using Reformation, it does not have a file called app.css.
    meeshka.com.au:
    password is johanna.

  2. I would love to know how to remove the “Opening Soon” text on the password page

  3. The header and footer menus on a mobile/cell phone appear very bulky, is it possible you know where I can edit the menu text so it is the same size as desktop header and footer menus?

    Thank you!

2

Hi @jojo28

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

About the size settings, its must be in the header settings when you head to Theme > Customizer > Header section

Hope this can help you solve the issue

Best regards,

Noah | PageFly

3

Amazing thank you Noah!

Unfortunately there still remains underlined links on the home page, I have tried to attach some screenshots however I am getting an error:

“The file type (.png) is not supported. Valid file types are: csv, mp4.”.

View the Anjali collection (beneath slideshow)

Discover More (beneath products)

Footer (please note this an ‘alternative footer’)

thank you again

4

Hi @jojo28

I see you fix the #1 already.

2. I would love to know how to remove the “Opening Soon” text on the password page

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “password.css” file At the bottom of the file, add the following CSS code:
.password-container .password-content{
    display: none;
}
  • And Save.
  • Result

Made4uoRibe_2-1698799748621.png
Made4uoRibe_2-1698799748621.png1855×858 126 KB

3. The header and footer menus on a mobile/cell phone appear very bulky, is it possible you know where I can edit the menu text so it is the same size as desktop header and footer menus?

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “password.css” file At the bottom of the file, add the following CSS code:

NOTE: Change the “15px” to font size that you want

@media only screen and (max-width: 750px) {
ul.mobile-menu li > *, summary.parent-link  {
    font-size: 15px !important;
}
}
5

Thank you Made4uo

You wrote: In the “Assets” folder, click on “password.css” file At the bottom of the file, add the following CSS code…

I believe you meant to write to change “mobile-menu.css”?

I did this and it worked(!) however the second level menu items (By Category and By Metals) are still appearing in a large font.

6

Hi @jojo28

My bad. I meant app.css

Please replace the code for #2 with the code below

@media only screen and (max-width: 750px) {
ul.mobile-menu li > *,summary.parent-link,.sub-menu summary,.sub-menu a {
    font-size: 15px !important;
}
}
7

Thank you for 2 solutions out of 3!

Unfortunately no-one provided a correct solution for my first question (to remove all instances of underlined text when hovering), Only the header menu has been fixed with this code:

.thb-full-menu a:after, a:after { display: none !important; } View the Anjali collection (beneath slideshow) Discover More (beneath products) Footer (please note this an 'alternative footer')