[filip_1]

Hello,
I have created a web-page for my company but I have some problems with menu bar. I would like to customize length of links which are placed on menu bar. I want to be able to customize menu bar, so are there any tools that could solve my problem.

If someone could help me, I would be very grateful !

[Mahesh]

@filip_1: Please post in your site URL.

Regards,
Mahesh

[filip_1]

@Mahesh here below is a link of my test page:

http://www.zupa-bezgresnog-zaceca-bdm.hr/test/en/

a nice greetings,

Foilip

[Mahesh]

@filip_1: What actually do you want to customize in the menu? You’ve mentioned that you want to customize the length of links, can you please show me with an image as an example.
Let me know further.

Regards,
Mahesh

[filip_1]

@Mahesh I have put the photo and explanation on my web page ( http://www.zupa-bezgresnog-zaceca-bdm.hr/test/en/ ) so there you could read and see photo.

Regards,

Filip

[Mahesh]

@filip_1: I checked you site, now you’ve removed some of the menu items and there are six item now. To make the menu items use all the space to the right, go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

#menu-pocetna .menu-item {
    width: 16.565%;
}

Regards,
Mahesh

[filip_1]

It’s not working well as you thought. I have put width on 15.564% and it still doesn’t fill the hole area and 15.565% is too big so one link pass in the new row. Also, when you want to click on some of those links, the black area which is shown then, doesn’t fit into the window of link.

Thanks you in advance,

Filip

[Mahesh]

@filip_1: Please use the following CSS instead:

#header #mainmenu ul li:last-child {
    border-right: none;
}

#menu-pocetna .menu-item {
    width: 16.564%;
}

#header #mainmenu ul li a {
    width: 82%;
}

Hope this helps. Let me know if any problem.

Regards,
Mahesh

[filip_1]

It worked very well, but now new problem has appeared – when you want to click on menu-link “Zajednice” it shows sub-items on very strange way, how to remove right margin in sub-item.

Regards,
Filip

[Mahesh]

@filip_1: Please add the following CSS, it will fix the issue.

#menu-pocetna .sub-menu .menu-item {
	width: auto;
}
  
#header #mainmenu ul li .sub-menu a {
    width: auto;
  	text-align: left;
}

Regards,
Mahesh

[filip_1]

Hello,

1) can you please review my header menus bar so all the pages fill the hole header menu area…

2) is it possible that some photo stands beside the title ?

http://www.zupa-bezgresnog-zaceca-bdm.hr/test/en/

Regards,
Filip

[filip_1]

http://www.zupa-bezgresnog-zaceca-bdm.hr/test/hr/

[Mahesh]

@filip_1:
1. Please add the following CSS:

#menu-pocetna .menu-item {
    width: 16.565%;
}

#header #mainmenu ul li a {
    width: 82.5%;
}

2. Is it possible that some photo stands beside the title ?
Can you please clarify more on this…

Regards,
Mahesh

[filip_1]

I’ve put the instructions on my web page post – Photo beside the title –
http://www.zupa-bezgresnog-zaceca-bdm.hr/test/hr/

Regards,
Filip

[Mahesh]

@filip_1: Please check the demo of Simple Catch Pro. As you can see, you can put a logo just beside the Site Title with Logo option in Customizer. But as for what you’ve mentioned, to have image on both sides, you’ll need further customization and manage HTML structures and design too. I recommend you to hire a customizer.

Regards,
Mahesh

[filip_1]

Hi again,

I have one question regarding the featured image.

The featured post slider is linked with the featured image of the each post. I can decide which image(featured image of certain post) should be shown on a featured post slider. But there comes the problem. Image format of a image that is shown on featured post slider is good, but the cropped image of post(this little image that is shown next to the post) is not good.

Is there a way that I could edit the featured image that is displayed in the box next to the post text on the front page.

Site URL : http://www.zupa-bezgresnog-zaceca-bdm.hr/

Thank you for your help.

[Mahesh]

@filip_1: Do you mean to change the image size of the featured image on the blog list page? If so, you’ll need to create a child theme. You can find more details on creating child theme HERE. Then in you child theme’s functions.php, add the following codes:

add_action( 'init' , 'simplecatch_child_adjust_image_size');
function simplecatch_child_adjust_image_size() {
    remove_image_size( 'featured');
    add_image_size( 'featured', 210, 210, false);
}

Note: change the dimensions as required. The default thumbnail size is 210 x 210 and set to true so it crops the image and doesn’t maintain the aspect ratio.

For the above code to work, you have to activate the child theme. After activating, you do not have to update the all the images. Please use Regenerate Thumbnail plugin to regenerate all the images with desired sized.
Go to “Dashboard=> Tools=> Regen. Thumbnails” and click Regenerate All Thumbnails. Then check your site, it will resize the thumbnails uncropped.

Hope you understand.

Regards,
Mahesh

[Author]

Posts