Canape Theme Questions

• 

  richheartmassagetherapy · Member · Aug 28, 2019 at 8:51 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I have several questions regarding the Canape theme.

  1. Menu Sections – Is there a way to left justify the text, instead of it being centered?

  2. Menu Pictures – The suggested width is 345px. Is there a way to make them smaller on the home page?

  3. Navigation Bar – I notice that the navigation bar moves from left to right depending on the size of the computer screen. Is there a way to keep it on the left?

  4. Testimonials – On the home page, they move to fast from one to the other. How can I slow it down?

  Thank your for your help.

  The url is https://richheartmassagetherapy.com

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Aug 29, 2019 at 6:58 am

  • Copy link

  Hi there,

  > 1. Menu Sections – Is there a way to left justify the text, instead of it being centered?

  The following custom CSS will do that for you.

  @media screen and (min-width: 1024px) {
    .main-navigation ul {
      text-align: left;
    }
  }

  > 2. Menu Pictures – The suggested width is 345px. Is there a way to make them smaller on the home page?

  It should be possible to change the size with custom CSS. Can you give us a link to a page with a menu image so that we can take a look?

  > 3. Navigation Bar – I notice that the navigation bar moves from left to right depending on the size of the computer screen. Is there a way to keep it on the left?

  Add this custom CSS to float the menu toggle for touch devices to the left.

  .menu-toggle {
    float: left;
  }

  > 4. Testimonials – On the home page, they move to fast from one to the other. How can I slow it down?

  That is controlled in the theme files themselves, and cannot be changed. It isn’t something that can be controlled with CSS.

• 

  richheartmassagetherapy · Member · Aug 29, 2019 at 12:26 pm

  • Copy link

  Thank you for responding.

  1. The CSS for left justifying the text, did not work, unfortunately. Here is a link to one of them. https://richheartmassagetherapy.com/menu/contact/

  2. The menu images that are too big are on the home page. richheartmassagetherapy.com

  3. The toggle CSS did not work. The navigation menu still appears on the left at times when the screen is not very wide. Perhaps, I have to live with it, or maybe it can be centered.

• 

  richheartmassagetherapy · Member · Aug 30, 2019 at 10:01 am

  • Copy link

  I no longer require #1 and #2. I found workarounds. But I would truly appreciate help with #3 still.

• 

  richheartmassagetherapy · Member · Aug 30, 2019 at 10:20 am

  • Copy link

  Just figured out #3. It is

  .main-navigation {
  float: right;