Docs

[ottobono]

Hi everyone, I just bought this fabolous theme and I have to confess I am a bit overwhelmed from all the features it has and its forum! 😀 I just started creating my websites and I have encountered some problems.

1) Why is there all that space under the header?
2) I addedd social links but they are not showing up, why?
3) How to remove the border around a menu element when you select a menu element? I want only the dash without the border
4) Why is my image displayed so small?
5) When I change the page view to something smaller the menu elements move down and they go to the first section. Why and how to avoid it?

I used Cornerstone to edit the layout. Here a couple pics

Before

After

Thank you!

[Christopher]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[ottobono]

Hi, I set the site so that it is not be seen from outside. I can provide you with my login data if you want 🙂 p.s. I just started with this theme so I still have to manage layout and such, but I have already encountered this problems.

Another thing I want to understand is how the shop works. Normally I set the shop page in woocommerce settings, where you can set the shop page. You have to create a page with that name (in my case “Negozio”) and select it in the woocommerce settings to be your shop page. If you look into the page, the shop is not added as element (the page in fact is empty), so I do not know how to manage its layout and its sidebars (like recent products etc).

[ottobono]

Edit: I am still working on it, url is http://www.ottobono.it

[ottobono]

Hi, now I only have the problems 2 and 3, I resolved the other three! I will read in the forum and if I need any help, I will post again! Thank you anyway 🙂 p.s. Cornerstone is epic

[Thai]

Hi There,

Your website is under construction!

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link login to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[ottobono]

This reply has been marked as private.

[ottobono]

This reply has been marked as private.

[Christopher]

Hi there,

Provided credentials don’t work, please check.

Please enable topbar from Customize -> Header to display social medias links.

Thanks.

[ottobono]

This reply has been marked as private.

[ottobono]

Hi social links are visible on other browser. it is only a firefox related problem. I will reset firefox and it will work for sure! the other 2 problems still remain 🙂

[Rupok]

Hi there,

Thanks for the credentials.

#1. I am not sure which space you are referring under the header. Are you referring this? – http://prntscr.com/aqjhun

In that case you nee to turn of the footer widget area from Customize > Footer > Footer Widget Areas> None – http://prntscr.com/aqjif4

If you have other concern then provide a screenshot that points the space.

#2. It seems already solved.

#3. You can add this under Custom > CSS in the Customizer.

a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus {
  outline: none !important;
}

#4. If you still have this problem, kindly provide exact URL and screenshot and clarify which image you are referring. Let us know how the image supposed to look and what you are getting.

#5. It seems you solved this already.

Let us know if you have anything else to know.

Cheers!

[ottobono]

Hi Rupok, many thanks for your answer! Your css code worked perfectly 😉

The problem n. 4 can be found in the page “Le miscele”. If you resize the browser window, you can clearly see that the text becomes “longer” and the image becomes too small and it loses the proportion on the screen (I am using a full HD screen, also 1920×1080). I attached a pic to the post. I am ok if the image goes under the text 🙂

I have still other questions (btw this forum is just wow, I could find all answers I needed and I learnt a bit how to code with css!):

1) Flip cards seem not to work with Internet Explorer. Instead of displaying the rear of the card, the card rotates but the rear is not displayed. What is displayed is the image reflected on the y axis (also specular image, like if you put a text in front of the mirror and you try to read it).
2) On my shop page (named “Negozio”) on mobile view the widgets (also sidebars) are displayed on the bottom instead of the top of the page. How to move them there? I have currently 3 sidebars, 2 of them I want to be displayed to the top under the shop title (price filter and categories).
3) The logo image on mobile is just too big. How to resize it on mobile so that it looks smaller?
4) I want to move the mobile hamburger icon to the bottom of the mainbar (now it is on the top right, I want it on the top right).
5) Is it possible in woocommerce to have a register page and a login page that are not displayed in the same page (also divide them)? If yes, how?
6) Is it possible to display something like a login button or text in the main bar that redirects to the login page or better, an element where you have to type username and password without being redirected (like a widget or something like that)?

Thank you again!

[ottobono]

Hi, I have another problem too:

7) Only the first page in the shop (“Negozio”) works, all other pages return 404 error. Why?

edit: solved. was a permalink problem 🙂

[Rue Nel]

Hello There,

Thanks for the updates!

#1] The card element may have not been fully working with IE. Which version are you using?

#2] To move your sidebar on top when you are using a smaller screen, please add the following JS code in the customizer, Appearance > Customize > Custom > Javascript

(function($){
  var W = $(window).width();
  if(W < 980){
    $('.x-sidebar').insertBefore('.x-main');
  }
})(jQuery);

#3] To make your logo smaller on mobile devices, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(max-width: 979px){
  .x-brand.img {
    max-width: 120px;
  }
}

#4] To move the mobile hamburger icon on smaller devices, you can make use of this code.

.site .x-btn-navbar {
  margin-top: 100px;
}

#5] To know more how you can setup the woocommerce pages, please check out the documentation here:
https://docs.woothemes.com/document/woocommerce-pages/
https://docs.woothemes.com/document/configuring-woocommerce-settings/

#6] You can edit your menu and insert a menu item which will direct you to the login page. Adding an element or login in the navbar is also possible. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

Hope this helps.

[Author]

Posts