Text Adjustment in Css Dropdown Menu - css

I need your help once again, guys i'm struggling with a css dropdown menu in which i want to make text alignment top vertically, you can visit the link here:
http://www.kidsartvalley.com
Here that dropdown menus/lists can be viewed under the icons of messages/inbox, friends and notifications at the right side of boy(cartoon). Kindly make it possible for me to show text right on the top of each row's box so that image and text will be equally aligned.

Add float:left to your images inside these boxes. This will result in:
#### Name commented on
#### your awesome job
####
Rather than the current situation:
####
####
#### Name commented on
your awesome job

Related

R Shiny editing header

I am attempting to edit the header of my shiny application to include 3 items.
The title (on left)
The sidebar menu (burger menu) next to title
A company logo (on right)
I have followed some other posts and attempted to replicate their methods:
Adding a company Logo to ShinyDashboard header
Add text on right of shinydashboard header
How to add a company Logo to ShinyDashboard header (Not mainPanel or mainHeader)
Unfortunately I cannot manage to replicate their solutions. I have managed to add the logo to the right side using the following:
header = dashboardHeader(title = div(dashboard_title, style="text-align: left;"))
header$children[[3]]$children <- tags$img(src=logo_path, align="right", height='50px')
But this removes the burger menu, which I need to retain. I could add the logo instead of the title (as described in one of the links above), but I need to have both items.
I am fairly new to css etc, and so it is entirely possible that the answer is in one of the above links but I was unable to modify it correctly.
Any and all help is appreciated. Thank you.
After trying a fair few things and not getting anywhere I realised that the fix is actually very simple:
header$children[[3]]$children[[3]] <- div(tags$img(src=logo_path, align="right", height='50px'))
There are 3 children of the third children in header. The piece of code in the question was replacing all three with the logo. However, the solution only replaces the last bit of the header with the logo, retaining the burger menu.

How to add columns in one slide in divi slider?

I want to add two columns on one slide on the full width slider on the Divi theme in wordpress but I don't found how to add it,
I need an image on the left and text on the right as shown on the below image
That's actually built-in functionality. You just need to add the image and and it will automatically place it like your screenshot. If you want it on the right there is a dropdown for that as well.

Bootstrap navbar style change on toggle

I am using a WP theme(bootstrap). When resize my window to mobile view, i see a button of toggle menu (3 horizontal lines). On clicking it, i see a drop down type list of pages.
I want to change that drop down to open like right to left.
Just like this : Here is the link
How to change the dropping style from [top To Bottom] to [Right To Left]?
I think you might need to look at Bootstrap's 'off-canvas' menu. Unfortunately it's not just a simple change from top to bottom to right and left but it's quite straight forward to achieve using this demo example.
https://getbootstrap.com/examples/offcanvas/

Ionic Platform custom midle tab

So i having problem to customise in bottom tabs the middle, i want to make middle tab height bigger then other tabs, so i cant find the way to customise it. It would be nice if there would be somebody that can help with this.
Link for editing link. And wanted result image.
Tried separately change the hight but, there are a feeling that flex box doesn't allow to tab go out of content.
Inherit the CSS class that holds the icon in the middle and add your custom properties.

Why is my input submit icon placed to the left of the input text box?

I am trying to understand what's going on with my Google Custom Search Engine in the sidebar on the left here: http://bit.ly/1bmsJsi
I want the icon with the magnifying glass on the right of the text box instead of on the left. As far as I can tell looking at the code and my CSS, that's what ought to happen.
If someone can help me figure out why it goes on the left I would greatly appreciate it!
Put the item floating left BEFORE the item it's floating left beside (currently it's after it).

Resources