Jump to content

PapaJoe

Circle Member
  • Posts

    62
  • Joined

  • Last visited

Posts posted by PapaJoe

  1. The Email link in the footer is not responsive/breaking in tablet or smaller viewport. I reduced the text block as seen in the screenshot but the email link line was still not breaking for some reason. Once I remove the link, it seems fine but with the link that when I have issues. And I was tried replacing the text - It's still not working.

    Can anyone help with this?

    URL: https://trainingwithshirley.com

    Password: train

    IMG_0294.png

    Screenshot 2024-05-14 024714.png

  2. 10 hours ago, DavidStewart said:

    It looks perfect on both of my browsers. (Mozilla and Chrome.) Can you check from other device and browser?

    I'm viewing on iMac and the header menu is not aligned on Mozilla and chrome.

    image (1).png

    Screenshot 2024-05-01 at 7.00.20 PM.png

    image.png

  3. 8 hours ago, DavidStewart said:

    You can add this code to Website > Website Tools > Custom CSS

    .header-nav {
        line-height: 2em;
    }

    Let me know if it work for you. 

    Hey David, thanks for your response but it still looks the same to me. Desktop view is not as obvious. The tablet view is significant. Screenshot attached.

    URL:https://trainingwithshirley.com/

    Password: train

    image (1).png

  4. As my title describes already - I don't understand what the issues is but for some reason the Squarespace page I designed isn't rendering or viewing on iPhone the way it should and it's just on iPhone, I don't have this issue any where else (it looks fine when I load/view it on Android & the editor as well).

    Attached are screenshots of the page on iPhone, Android and the mobile view on the Squarespace editor as well.

    And as you can see it only looks different on iPhone (the buttons, fonts and stuff looks weird and different).

    Please, is there a fix for this? Has anyone experienced this issue?

     

    URL: https://www.trainingwithshirley.com/

    Password: train

    IMG_9480.jpg

    IMG_9467.jpg

    IMG_9468.jpg

    Screenshot 2024-04-26 111947.png

  5. I have being trying to customize these 3 cards and make the text have both left and right padding to make them fit into the cards perfectly but for some reason, only the "padding-left" is working - the "padding-right" is not implementing/showing on the page even though it is right there in my custom-css and I've tried everything I know even adding "!important" but it's still not working. Can anyone help fix this?

    Screenshot 2024-04-23 173830.png

  6. Hi, I'm currently having an issue - I'm currently using "simple list" to create the card feauture but as seen in the attached screenshot I can't replicate/implement the same look as shown in the design. The cards on the site are so far away and "fat". Is there a way to customize and fix this?

    Also, for some reason I can't change the font family/style either - any advice on that?

    Screenshot 2024-04-19 200324.png

    Screenshot 2024-04-19 200351.png

    Screenshot 2024-04-20 010704.png

    Screenshot 2024-04-20 010733.png

  7. Hi, I'm currently having a similar issue - I'm currently using "simple list" to create the card feauture but as seen in the attached screenshot I can't replicate/implement the same look as shown in the design. The cards on the site are so far away and "fat". Is there a way to customize and fix this?

    Also, for some reason I can't change the font family/style either - any advice on that?

    Screenshot 2024-04-19 200324.png

    Screenshot 2024-04-19 200351.png

    Screenshot 2024-04-20 010704.png

    Screenshot 2024-04-20 010733.png

  8. I would like to capitalize the first letter of each word of the categories below the title of the project - (.category) is the class I gave to the <div> for the categories.

    And I've tried this code:

    .category {
    text-transform: capitalize !important;
    }

    But it's still not working.

    I've edited the first project as a sample in the attached screenshot as well.

    Screenshot 2024-03-22 112557.png

  9. 6 minutes ago, Ziggy said:

    Try this Custom CSS:

    // hide links on every page
    .header-menu-nav-item:nth-child(1) {display:none;}
    .header-menu-nav-item:nth-child(3) {display:none;}
    .header-menu-nav-item:nth-child(6) {display:none;}
    #collection-65e2265c5a803a43536b24c4 {
      // show links on homepage
      .header-menu-nav-item:nth-child(1) {display:initial;}
      .header-menu-nav-item:nth-child(3) {display:initial;}
      .header-menu-nav-item:nth-child(6) {display:initial;}
      // hide links on homepage
      .header-menu-nav-item:nth-child(2) {display:none;}
      .header-menu-nav-item:nth-child(4) {display:none;}
      .header-menu-nav-item:nth-child(7) {display:none;}
    }

     

    Thanks Ziggy, it worked except there is now a wide space in the nav menu. Is there a way to fix that?

    Screenshot 2024-03-13 123858.png

  10. Hello, please help..
    I'm using code block anchor links and smooth scroll on this page (https://www.whiteroan.com/home-1). Right now, the navigation for "At a Glance", "Brand Partners" and "Team" all link to their respective anchor links on the homepage by linking to #glance, #partners and #team.

    The issue is When I'm on any other page but this page (https://www.whiteroan.com/home-1), these navigation links don't work unless I specify the url slug and use /home-1#glance, /home-1#partners, /home-1#team - this would be fine except every time I click those links on the homepage, it doesn't smooth scroll down to the right section but will refresh the page first then scroll down. I don't want it to refresh when I'm already on the homepage but if I change it back to #glance, #partners again, the links won't work on any other page.

    Please can anyone hlep with a solution; probably a code that allows me to use different links for the other pages or anyother solution would be really helpful.

    Thanks!

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.